$(function(){
  // 第一个
  $('.li-one').click(function(){
    $.ajax({
      url:'http://127.0.0.1:9090/api/getgsshop',
      dataType:'json',
      success:function(info) {
        console.log(info);
        $(".xuan").html(template('tmp',info));
        $('.xuan').toggleClass('click');
      }
    })
  })
  // 第er个
  $('.li-two').click(function(){
    $.ajax({
      url:'http://127.0.0.1:9090/api/getgsshoparea',
      dataType:'json',
      success:function(info) {
        console.log(info);
        $(".xuan").html(template('tmp',info));
        $('.xuan').toggleClass('click');
      }
    })
  })
  // 3
  $('.li-three').click(function(){
    $('.all').toggleClass('click');
  })
  // 凑单品商品列表渲染
  //  shopid
  //  areaid 
  renderProd();
  function renderProd(shopid,areaid){
    $.ajax({
      url:'http://127.0.0.1:9090/api/getgsproduct',
      dataType:'json',
      data:{
        shopid:shopid||0,
        areaid:areaid||0
      },
      success:function(info) {
        console.log(info);
        $('.prod-ul').html(template('tmp2',info));
        
      }
    })
  }
  // 点击导航渲染对应页面
  $('.xuan').on('click','li',function() {
    var id=$(this).data("id")
    console.log(id);
    $(this).parent().addClass('click');
    renderProd(id);
  })
})